<template>
  <div class="outside">
    <div class="lining">
      <h2>就诊详情</h2>
      <h4>就诊日期:{{items.date}}</h4>
      <h4>医生姓名:{{items.uname}}</h4>
      <h4>诊断结果:{{items.result}}</h4>
      <h4>处方信息:{{items.information}}</h4>
    </div>
  </div>
</template>

<script>
export default {
    props:['items'],
};
</script>

<style scoped>
.outside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 280px;
  border: 1px solid #ccc;
  background-color: #fff;
  /* visibility: hidden; */
}
.lining {
  margin-left: 20px;
}
</style>
